/**
 * UI 相关常量
 */

/**
 * 表单输入框宽度
 */
export const INPUT_WIDTH = {
  /** 超小 */
  XS: 80,
  /** 小 */
  SM: 100,
  /** 中等 */
  MD: 150,
  /** 大 */
  LG: 200,
  /** 超大 */
  XL: 240,
  /** 全宽 */
  FULL: '100%',
} as const;

/**
 * 表格列宽度
 */
export const TABLE_COLUMN_WIDTH = {
  /** 序号 */
  INDEX: 60,
  /** ID */
  ID: 240,
  /** 状态 */
  STATUS: 80,
  /** 操作类型 */
  OPERATION_TYPE: 100,
  /** 用户名 */
  USERNAME: 120,
  /** 名称 */
  NAME: 120,
  /** IP 地址 */
  IP: 140,
  /** 描述 */
  DESCRIPTION: 150,
  /** 日期时间 */
  DATETIME: 180,
  /** 路径 */
  PATH: 200,
  /** 操作按钮 */
  ACTIONS: 150,
} as const;

/**
 * 空值占位符
 */
export const EMPTY_PLACEHOLDER = '-';

/**
 * 表单布局
 */
export const FORM_LAYOUT = {
  /** 标签宽度 */
  LABEL_COL: { span: 6 },
  /** 输入框宽度 */
  WRAPPER_COL: { span: 18 },
} as const;

/**
 * 模态框宽度
 */
export const MODAL_WIDTH = {
  /** 小 */
  SM: 520,
  /** 中等 */
  MD: 720,
  /** 大 */
  LG: 920,
  /** 超大 */
  XL: 1200,
} as const;

